Feat/update bouquet card component on listing #599
Conversation
| @@ -141,4 +141,8 @@ const { themeColors } = useThemeOptions(theme) | |||
| display: block; | |||
| line-height: inherit; | |||
| } | |||
|
|
|||
| .bouquet-card-col-logo { | |||
There was a problem hiding this comment.
Pas satisfait de cette astuce mais je n'ai pas réussi à avoir la même largeur de colonne juste avec le système de grille. Preneur d'une suggestion
✅ Deploy Preview for ecospheres ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for meteo-france ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Pas mal de différences par rapport à la maquette :
- Il manque la description du bouquet dans la carte de la page de liste.
- Le logo fait 56px (plus petit)
- Manque majuscule à "Mise à jour"
- Le gris de "Mise à jour" n'est pas celui de la maquette
- La graisse des tags (pastilles) n'est pas la même
at-github
force-pushed
the
feat/update-bouquet-card-component-on-listing
branch
from
737d82f
to
aa4c071
Compare
| @@ -44,49 +46,47 @@ const { themeColors } = useThemeOptions(theme) | |||
| </script> | |||
|
|
|||
| <template> | |||
| <article class="fr-my-3w fr-p-3w border border-default-grey fr-enlarge-link"> | |||
| <article | |||
| class="fr-my-1w fr-px-3w fr-py-2w border border-default-grey fr-enlarge-link" | |||
There was a problem hiding this comment.
24px partout sur la maquette
| class="fr-my-1w fr-px-3w fr-py-2w border border-default-grey fr-enlarge-link" | |
| class="fr-my-1w fr-p-3w border border-default-grey fr-enlarge-link" |
J'avais pas fait attention que ça restait pareil en mobile… Ça me semble être beaucoup
There was a problem hiding this comment.
Avec ce résultat j'ai un espacement plus grand en haut que sur les côtés, ce qui ne fait pas trop harmonieux. C'est, il me semble, plus agréable quand on distingue une carré d'espacement dans les angles
Fix : ecolabdata/ecospheres#409